<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/Load.js" type="text/javascript"></script>

    <style>
        div{
            text-align: center;
        }
        /*加入图片*/
        #png{
            background-image: url("/images/load.png");
        }
    </style>

<!--    底部信息形象控制-->
    <style type="text/css">
        #master{
            position: absolute;
            left: 45%;
            bottom: 0;
            text-align: center;
        }
    </style>

</head>
<body>

<div  style="font-size: 30px" id="png">
    物联网物流管理系统
</div>

<br><br><br><br>
<!--设置 p 元素的左内边距-->
<div class="text" style="text-align:left;padding-left:500px;">
    <form action="Load.do" >
        <!-- 使用EL表达式  填充 用户名和密码 的值    -->
        登录账号:<input type="text"  name="userAccount" id="userAccount" /> <label id="lastusername"></label>
        <br>
        密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码:<input type="text"  name="password" id="password" /> <label id="lastpassword"></label> <br>
        权限 <select name="permission">
        <option th:each="every:${session.PermissionName}" th:text="${every}"></option>
    </select><br>
        验&nbsp&nbsp证&nbsp&nbsp码:<input type="text"  name="checkCode" id="checkCode" /> <label id="lastcode2"></label>  <label id="lastcode"></label><img  onclick="getCode(this)" src="CodeRefresh.do" > 请点击图片更换验证码<br>
        <!-- 使用EL表达式 为标签添加属性  checked -->
        <input type="submit"  value="确认">
        <input type="reset" value="取消">
    </form>
</div>

<div id="master">
    XXX(中国)有限公司 版权所有<br>
    IOT WMS|智慧仓储|2010-2012
</div>

<!--点击时刷新验证码-->
<script type="text/javascript">
    function getCode(img){
        img.src = "CodeRefresh.do?token="+new Date();
    }
</script>

</body>
</html>